{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% translate "Attendance" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% if is_me %}{% translate "Your attendance" %}{% else %}{% blocktranslate trimmed with name=person.display_name %}Attendance: {{ name }}{% endblocktranslate %}{% endif %}</h1>
    <p>{{ first|date:"F Y" }}</p>
  </div>
  <div class="actions">
    {% if not is_me %}<a class="btn btn-quiet" href="{% url 'attendance' %}">{% translate "Whole team" %}</a>{% endif %}
    <a class="btn" href="?{% if not is_me %}person={{ person.pk }}&amp;{% endif %}month={{ prev_month|date:'Y-m' }}">{{ prev_month|date:"M Y" }}</a>
    {% if next_month %}<a class="btn" href="?{% if not is_me %}person={{ person.pk }}&amp;{% endif %}month={{ next_month|date:'Y-m' }}">{{ next_month|date:"M Y" }}</a>{% endif %}
  </div>
</div>

<div class="figures">
  <div><span class="n">{% if today_summary %}{{ today_summary.first_in|clock }}{% else %}—{% endif %}</span><span class="l">{% translate "Signed in today" %}</span></div>
  <div><span class="n">{% if today_summary %}{{ today_summary.total|hours }}{% else %}—{% endif %}</span><span class="l">{% translate "Hours today" %}</span></div>
  <div><span class="n">{{ days_present }}</span><span class="l">{% translate "Days present this month" %}</span></div>
  <div><span class="n">{{ total|hours|default:"0 min" }}</span><span class="l">{% translate "Hours this month" %}</span></div>
</div>

<p class="muted small">{% translate "Time starts when someone signs in and stops when they sign out. If they close the browser without signing out, it stops at their last activity." %}</p>

{% if rows %}
<div class="table-wrap">
  <table>
    <thead><tr><th>{% translate "Date" %}</th><th>{% translate "Signed in" %}</th><th>{% translate "Until" %}</th><th class="right">{% translate "Hours" %}</th></tr></thead>
    <tbody>
    {% for r in rows %}
      <tr>
        <td class="nowrap">{{ r.day|date:"l j M" }}</td>
        <td class="num">{{ r.s.first_in|clock }}</td>
        <td class="num">{% if r.s.online %}<span class="pill online">{% translate "Online now" %}</span>{% else %}{{ r.s.last_out|clock }}{% endif %}</td>
        <td class="right num">{{ r.s.total|hours }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="panel empty"><strong>{% translate "No sign-ins this month." %}</strong>{% translate "Attendance is recorded automatically every time you sign in." %}</div>
{% endif %}
{% endblock %}